<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>分享记录</title>
		<link rel="stylesheet" href="../libs/mui/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>		
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
	</head>	
	<style>
   		/*图片*/
   		.mui-table-view-cell>a:not(.mui-btn){
			 white-space:normal
		}
		.mui-table-view .mui-media-object {
			line-height: 60px;
			max-width:50px;
			height: 60px;
		}
	</style>
	<body>
		<!--头部导航-->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">
				<span>分享记录</span>
			</a>
		</header>
		<!--中间导航-->
		<div class="mui-content">	
			<div class="list-p">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="../public/img/3.jpg">
							<div class="mui-media-body">
								<span>老人与海</span>
								<span class="mui-h5 mui-pull-right">7月1号</span>
								<p class="m1">
									<span class="mui-h5">海明威</span>
									<span class="font10 mui-pull-right" id='promptBtn'>
										<i class="mui-icon iconfont">&#xe623;</i>
									</span>
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="list-p">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="../public/img/3.jpg">
							<div class="mui-media-body">
								<span>老人与海</span>
								<span class="mui-h5 mui-pull-right">7月1号</span>
								<p class="m1">
									<span class="mui-h5">海明威</span>
									<span class="font10 mui-pull-right" id='promptBtn'>
										<i class="mui-icon iconfont">&#xe623;</i>
									</span>
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="list-p">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="../public/img/3.jpg">
							<div class="mui-media-body">
								<span>老人与海</span>
								<span class="mui-h5 mui-pull-right">7月1号</span>
								<p class="m1">
									<span class="mui-h5">海明威</span>
									<span class="font10 mui-pull-right" id='promptBtn'>
										<i class="mui-icon iconfont">&#xe623;</i>
									</span>
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="list-p">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="../public/img/3.jpg">
							<div class="mui-media-body">
								<span>老人与海</span>
								<span class="mui-h5 mui-pull-right">7月1号</span>
								<p class="m1">
									<span class="mui-h5">海明威</span>
									<span class="font10 mui-pull-right" id='promptBtn'>
										<i class="mui-icon iconfont">&#xe623;</i>
									</span>
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
			<div class="list-p">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-media">
						<a href="javascript:;">
							<img class="mui-media-object mui-pull-left" src="../public/img/3.jpg">
							<div class="mui-media-body">
								<span>老人与海</span>
								<span class="mui-h5 mui-pull-right">7月1号</span>
								<p class="m1">
									<span class="mui-h5">海明威</span>
									<span class="font10 mui-pull-right" id='promptBtn'>
										<i class="mui-icon iconfont">&#xe623;</i>
									</span>
								</p>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>	
	</body>
	<script src="../js/mui.js"></script>
	<script src="../js/open.js"></script>
	<script src="../libs/jquery/jquery.js" type="text/javascript"></script>
	<script>
//		var info = document.getElementById("info");
			var P=document.querySelectorAll('#promptBtn')
			for(var i=0;i<P.length;i++){
				P[i].addEventListener('tap', function(e) {
				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
				var btnArray = ['取消', '确定'];
				mui.confirm(' ', '确定要删除这条记录吗？', btnArray, function(e) {
					if (e.index == 1) {
//						info.innerText = '你刚确认MUI是个好框架';
						mui.toast('已删除')
					} else {
//						info.innerText = 'MUI没有得到你的认可，继续加油'
					}
				})
			});
		}
	</script>
</html>
